{#% extends '/ic/dashboard.html' %#}
{% block content %}
    <div class="row">
        <br/>
        <div class="col-xs-12 col-md-12 col-lg-12 col-sm-12">
            <a type="button" id="new_dao" class="btn btn-danger col-xs-12 col-sm-12 col-lg-12 centered">Aggiungi una Segnalazione</a>
        </div>
    </div>
        <br/>
<div class="Edit_dao"></div>
<div class="infinite-container">
        {% for se in pageData['segnalazioni'] %}
        <div class="infinite-item">
<div class="row">
    <div class="col-xs-12 col-md-12 col-lg-12 col-sm-12">
        <div class="panel panel-danger">
            <div class="panel-heading">
                [{{se.tipo_segnalazione}}] <strong>{{se.denominazione}} ( #{{ se.numero }} )</strong>
            </div>
        <div class="panel-body">
                <div class="row">
                    <div class="col-sm-12 col-lg-12"><b>Tipo:</b> {{ se.tipo_segnalazione }}</div>
                 </div>
                 <div class="row">
                    <div class="col-sm-12 col-lg-12"><b>Priorità:</b> {{ se.priorita_segnalazione }}</div>
                 </div>
                                 <div class="row">
                    <div class="col-sm-12 col-lg-12"><b>Stato:</b> {{ se.stato_segnalazione }}</div>
                 </div>
                <div class="row">
                    <div class="col-sm-12 col-lg-12"><b>Descrizione:</b> {{ se.descrizione }}</div>
                 </div>
               <div class="row">
                <div class="col-sm-12 col-lg-12">
<!--
                    <a href="data:image/png;base64,{{se.immagine_thumb}}" rel="prettyPhoto" title="{{se.denominazione}}">
-->
                        {% if se.immagine_thumb and se.immagine_thumb != "" %}
                        <img style='max-height: 90%; max-width: 90%'
                                src="data:image/png;base64,{{se.immagine_thumb}}"
                                alt='{{se.denominazione}}' />
                        {% endif %}
<!--
                        </a>
-->
                        </div>
                 </div>

        </div>
        <div class="panel-footer">
                            {% if pageData["oper"] and pageData["oper"].tipo_operatore|lower == "amministratore" %}
                            <span>{{se.data_inserimento|dateformat}}</span>
                            {% else %}
                             <span>{{se.data_inserimento|datetimeformat}}</span>
                            {% endif %}
                            {% if pageData["oper"] %}

                            <a  data-slidepanel="panel" preview="/italiaCives/segnalazione/Preview?id={{se.id}}" href="/italiaCives/segnalazione/Preview?id={{se.id}}" type="button" class="btn pull-right anteprima"><i style="color:#C9302C;margin-top:-15px;" class="fa fa-eye fa-2x"></i></a>
                             {% endif %}



                    {% if pageData["oper"] and pageData["oper"].tipo_operatore|lower == "amministratore" %}
                        <a  href="/italiaCives/segnalazione/delete?id={{se.id}}" onclick="return confirm('Sei sicuro di voler cancellare questa Segnalazione?');" type="button" class="btn pull-right"><i style="color:#C9302C;margin-top:-15px;" class="fa fa-trash fa-2x"></i></a> <!-- DELETE NEWS -->
                        <a type="button" id_dao ={{se.id}} class="btn pull-right edit_dao"><i style="color:#C9302C;margin-top:-15px;" class="fa fa-edit fa-2x"></i></a> <!-- EDIT NEWS -->
                    {% endif %}
        </div>
        </div>
    </div>
</div>
</div>
        {% endfor %}

{% if pageData['page'] != 0 %}
    <a href="/italiaCives/segnalazioni/{{pageData['page']}}" class="infinite-more-link"></a>
{% endif %}
</div>


{% endblock%}
{% block custom_js %}
<script type="text/javascript">
$(document).ready(function(){
    //$("html" ).on( "slidepanel","[data-slidepanel]", function() {
      $('[data-slidepanel]').slidepanel({
          orientation: 'right',
          mode: 'push',
      });

      //});

  $(".infinite-container" ).on( "click",".edit_dao", function(e){
        e.preventDefault()
        window.scrollTo(90, 90);
        $('.Edit_dao').toggle(400);
        $(".infinite-container").toggle(400);
        var id_dao = $(this).attr("id_dao");
        $('.Edit_dao').load('/italiaCives/segnalazione/add',{"id":id_dao});
          });

    $('.infinite-container').waypoint('infinite', {
  onAfterPageLoad: function(){ $('[data-slidepanel]').slidepanel({
          orientation: 'right',
          mode: 'push',
      })},
});
    $(window).trigger('resize');
    $.waypoints('refresh');
    //$('.infinite-container3').waypoint('disable');
        $('.infinite-container3').empty()

    $(".Edit_dao").hide()

    $("#new_dao").click(function(e){
        $("#new_dao").toggle(400)
        $('.Edit_dao').toggle(400),
        $(".infinite-container").toggle(400);
        $('.Edit_dao').load( '/italiaCives/segnalazione/add');
          });


    //$(".edit_dao").click(function(e){
        //$('.Edit_dao').toggle(400);
            //$(".infinite-container").toggle(400);
            //var id_dao = $(this).attr("id_dao");
    //$('.Edit_dao').load('/italiaCives/segnalazione/add',{ "id":id_dao});
      //});
});

</script>
{% endblock%}
